<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>魔兽3</title>
        <style>
            div.static{
                position: static;
                border: 3px solid #73AD21;
            }
            p.pos_fixed{
                position:fixed;
                top: 30px;
                right: 5px;
                border: 3px solid #00ff00;
            }
        </style>
    </head>
    <body>
        <h2>position:static</h2>
        <p>使用 position: static; 定位的元素，无特殊定位，遵循正常的文档流对象:</p>
        <div class="static">
            该元素使用了 position: static;
        </div>

        <p class="pos_fixed">some more text</p>
        <p><b>注意:</b> IE7 和 IE8 支持只有一个 !DOCTYPE 指定固定值.</p>
<p>Some text</p><p>Some text</p><p>Some text</p><p>Some text</p><p>Some text</p><p>Some text</p><p>Some text</p><p>Some text</p><p>Some text</p><p>Some text</p><p>Some text</p><p>Some text</p><p>Some text</p><p>Some text</p><p>Some text</p><p>Some text</p>
<p>Some text</p>
<p>Some text</p>
<p>Some text</p>
<p>Some text</p>
<p>Some text</p>
<p>Some text</p>
<p>Some text</p>
<p>Some text</p>
<p>Some text</p>
<p>Some text</p>
<p>Some text</p>
<p>Some text</p>
<p>Some text</p>
<p>Some text</p>
<p>Some text</p>
<p>Some text</p>
<p>Some text</p>
<p>Some text</p>
<p>Some text</p>

    </body>
</html>